<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jquery-3.7.1.js"></script>
</head>
<body>
    <button type="button">点我变变变</button>
    <div><h1>我是一级标题</h1></div>
    <p class="pdemo">hi js!</p>
    <input type="text" name="" id="" value="我是一个input框">
    
    <a href="https://www.jd.com/">超链接</a>

    <img src="D:\picture\android-chrome-512x512.png" width="60px">
    <div style="font-size: 36px;">我是一个文本</div>

    <ol>
        <li>List item 1</li>
        <li>List item 2</li>
        <li>List item 3</li>
    </ol>
    <img src="D:\picture\androd-chrome-512x512.png" alt="pic lose">
    
    <script>
        // $("ol").remove();// 删除整个ol元素
        // $("ol").empty();// 清空

        $("ol").append("我是append");
        $("ol").prepend("我是prepend");
        $("ol").after("我是after");
        $("ol").before("我是before");

        let fontSize = $("div").css("font-size");
        console.log(fontSize);
        

        // $("div").css("font-size", "16px");

        // $("img").click(function(){
        //     let imgSrc = $("img").attr("src");
        //     console.log(imgSrc);
            
        //     if(imgSrc=="../pic/doge.jpg"){
        //         $(this).attr("src", "../pic/cat.jpg");
        //     }else{
        //         $(this).attr("src", "../pic/doge.jpg");
        //     }

        // });

        // let href = $("a").attr("href");
        // console.log(href);
        
        // $("a").attr("href", "https://www.baidu.com");

        // $(document).ready(function(){
        //     $("button").click(function(){
        //         $(this).hide();
        //     });
        // });
        // let text = $("div").html();
        // console.log(text);

        // let p = $(".pdemo").text();
        // console.log(p);

        // let val = $(":text").val();
        // console.log(val);

        // $("button").click(function(){
        //     $(".pdemo").text("天天开心");
        //     $("div").html("<h2>我是二级标题</h2>");
        //     $("input").val("我变啦~");
        // });
    </script>
</body>
</html>